﻿/*--- Global Config ---*/
table { border-style: none;
    border-color: inherit;
    border-width: 0px;
}
a
{
    text-decoration:none;
}
a:hover
{
    text-decoration:underline;
}
body 
{
    margin:0px; 
    padding:0px; 
    font-family:Arial;
    font-size:medium;
}

img
{
    vertical-align:top;
}

form 
{ 
    margin:0px; 
    padding:0px;
}

.StyleInput
{
	width:100%;
}

.PageHeader
{
	font-size:20px;
	color:White;
	font-weight:bold;
	padding-bottom:6px;
}

/*--- End global Config ---*/

/*--- Main Body ---*/
.MainBody
{
    width:960px;    
    background:url('../Images/header.png') 10px 30px no-repeat;
    padding:10px 10px 10px 10px;    
}

.MainBody .UserInfo
{
    height: 20px;
    text-align:right;
    padding:10px 20px 0px 0px;
    color:Blue;
    font-size:12px;
}

.MainBody .Multilanguage
{
    height: 40px;
    text-align:right;
    padding:10px 20px 0px 0px;
    color:Blue;
    font-size:12px;
    width:100%;
}


.MainBody .MainMenu
{
    height: 43px;
    width:960px;
    text-align:right;
    padding-left:10px;
    font-weight:bold;
    font-size:16px;
    padding-bottom:30px;
}
.MainBody .MainMenu a
{
	text-align:center;
    text-decoration:none;
    font-weight:bold;
    font-size:16px;
    display:block;
    color:#333030;
}
.MainBody .MainMenu .Selected a
{
    background:url('../Images/tab_on.png') right top repeat-x;
    min-width:102px;
    height: 43px;
    padding-top:12px;
    color:White;
}

.MainBody .MainMenu .Normal a
{
    background:url('../Images/tab_off.png') right top no-repeat;
    width:102px;
    height: 43px;  
    padding-top:12px;
    color:#333030;
}

.MainBody .MainMenu .Normal:hover a
{
    background:url('../Images/tab_on.png') right top no-repeat;
    width:102px;
    height: 43px;
    padding-top:12px;
    color:White;
}
.PageName
{
    text-align:left;
    background:url('../Images/pagenameBG.png') left top repeat-x;
    width:960px;
    height:57px;
}
.PageName .Image
{
    text-align:left;  
}
.PageName img
{
    margin-top:-10px;
}
.PageName .Name
{
    color:#ffffff;    
    font-size:18px;   
}
.PageName .Search
{
    
}
.Footer
{
    background:url('../Images/footer.jpg') left top repeat-x;
    padding:10px 0px 0px 0px;
    text-align:center;
    margin-top:50px;
    float: left;
    width: 100%;
    
}
.Footer .Company
{
    color:Black;
    font-weight:bold;
    font-size:14px;
}
.Footer .CompanyInfo
{
    color:Black;
    font-weight:normal;
    font-size:12px;
}
.Overlay {   
    position: absolute;
    width: 100%;
    text-align: center;    
}
.Overlay div.Loading
{
    background: none repeat scroll 0 0 white;
    color: #F79646;
    display: inline-block;
    font-weight: bold;
    height: 100px;
    position: absolute;
    width: 130px;
    z-index: 999;
}
.Overlay .Background
{
    position:absolute;
    width:100%;
    height:100%;
     background: black;
    opacity: 0.5;
}
 
/*--- End Main Body ---*/

/*--- Login Page ---*/
.DivLogin
{
    text-align:center;
    width:100%;
    padding-top:70px;
}

.DivLogin .Login
{
    width:600px;
    height:430px;
    background:url('../Images/login.jpg') left top no-repeat;
    padding-top:120px;
}

.TblLogin
{
    width:400px;
}

.TblLogin .Name
{
    width:30%;
    font-size:14px;
    font-weight:bold;
}

.TblLogin .Value
{
	text-align:left;
}

.TblLogin .Value input
{
    width:220px;
    font-size:14px;    
    height:20px;
}

.Error
{
    color:#FF0000;
    text-align:left;
}
/*--- End Login Page ---*/



/*--- Companies ---*/

.Device
{
	width:100%;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.HeaderTitle
{
    background:#0099FF;
    font-size:16px;
    font-weight:bold;
    height:30px;   
    padding:5px;
    color:White;
    text-align:center;
}

.DeviceHeader
{
    background:#0099FF;
    font-size:16px;
    font-weight:bold;
    height:30px;   
    padding:5px;
    color:White;
    text-align:center;
}

.Line1
{
    background:#f5f4f4;
    font-size:15px;    
    
}
.Line2
{
	font-size:15px;   
	
}
.RowsTD
{
	margin-left:5px;
}


.imgedit
{
	height:25px;
}


.imgicon
{
	height:25px;
}
.imgadmin
{
	height:40px;
}
.Pageindex
{
	text-align:center;
}
/*--- List User ---*/
.UserDetail .Even td
{
    background:#f5f4f4;   
    height:22px;
    padding-top:2px;    
}
.UserDetail .Odd td
{
    padding-top:2px;       
}
.UserDetail .Odd td,.UserDetail .Even td {
    color: black;
}
.Action a{
    color: blue;
    text-decoration: underline;
}
.UserHeader .Header
{
	width:90%;
    background:#ace2a0;
    font-size:16px;
    font-weight:bold;
    padding:3px;
    text-align:center;
}
.Message
{
    color:Red;
    text-align:center;
}
.UserDetail .Name
{
	
}

._ButtonImage
{
    width:95px; 
    height:35px;
    vertical-align:bottom;
    text-align:center; 
    background:url('../Images/button_green.png') 0px 0px no-repeat; 
}

._ButtonImage2
{
    width:72px; 
    height:27px;
    vertical-align:middle;
    text-align:center; 
    background:url('../Images/button_green2.png') 0px 0px no-repeat; 
}

a.buttonSpan {
    background: transparent url('../Images/button_bg_right.png') no-repeat scroll top right; 
    display: block;
    float: left;
    height: 25px; 
    margin-right: 2px;
    padding-right: 12px; 
    text-decoration: none;
    color: #ffffff;
    font-size:11px;
    font-weight:bold;
    text-align:center;

}

a.buttonSpan span{  
    background: transparent url('../Images/button_bg.png') no-repeat;     
	display: block;
    line-height: 25px;
    padding: 1px 3px 0px 15px;
} 

a.buttonSpan:hover span{
    color: #000000;
}

.Button
{
    background: url('../Images/button_green2.png') no-repeat top left;
    display: block;
    float: left;
    height: 25px; 
    width:60px;
    color: #ffffff;
    font-size:11px;
    font-weight:bold;
    padding-top:5px;
    border:0;
    text-align:center;
    text-decoration: none;
    vertical-align:middle;
}

.Buttonx
{
    background: url('../Images/button_green2.png') no-repeat top left;
    display: block;
    float: left;
    height: 25px; 
    width:70px;
    color: #ffffff;
    font-size:11px;
    font-weight:bold;
    border:0;
    text-align:center;
    text-decoration: none;
    vertical-align:middle;
}
.Buttonx:hover
{
    cursor:pointer;
    color: #000000;
}
.Button:hover
{
    cursor:pointer;
    color: #000000;
}

.ButtonBig
{
    border-style: none;
	border-color: inherit;
	border-width: 0;
	background: url('../Images/button_on.png') no-repeat left top;
	/*display: block; */
	margin:10px auto;
	padding : 5px 10px;
	color: #ffffff;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	text-decoration: none;
	vertical-align:middle;
}
.ButtonSave
{
    background: url('../Images/button_on.png');
    display: block;
    float: left;
    padding : 5px 15px;
    color: #ffffff;
    font-size:14px;
    font-weight:bold;
    border:0;
    text-align:center;
    text-decoration: none;
    vertical-align:middle;
}
.contentDiv
{
	width :100%;
	padding :20px;
	text-align :left;
}

.ButtonBig:hover
{
	background: url('../Images/button_off.png') no-repeat top left;
    cursor:pointer;
}

.ButtonSeparate
{
    float:left;
}

.DivButton
{
    text-align:center;
    height:35px;
    padding-left:400px;
}
/* DIV PAGE SETTING */
.DivPageSetting {
width: 500px;
margin-top: 10px;
background: #FAFAFA;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: 1px solid #ADAA9F;
-moz-box-shadow: 0 2px 2px #9c9c9c;
-webkit-box-shadow: 0 4px 4px #9C9C9C;
font-size: 14px;
line-height: 20px;
text-align: left;
padding: 0 20px 0 10px;
}

/** for listview **/

.mainList
{	
	width: 900px;
	margin-top:10px;	
	background: #fafafa;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 30px;
	border: 1px solid #adaa9f;
	-moz-box-shadow: 0 2px 2px #9c9c9c;
	-webkit-box-shadow: 0 2px 2px #9c9c9c;
	font-size : 14px;
	line-height : 20px;
	text-align:left;

}
.mainList1
{
	width: 925px;
	margin-top:10px;	
	background: #fafafa;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #adaa9f;
	-moz-box-shadow: 0 2px 2px #9c9c9c;
	-webkit-box-shadow: 0 2px 2px #9c9c9c;
	font-size : 14px;
	line-height : 20px;
	text-align:left;
	padding:0 20px 0 10px;
	
}
.Itemlist
{
	width: 955px;
	margin-top:10px;	
	background: #fafafa;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #adaa9f;
	-moz-box-shadow: 0 2px 2px #9c9c9c;
	-webkit-box-shadow: 0 2px 2px #9c9c9c;
	font-size : 14px;
	line-height : 20px;
	text-align:left;
	padding:0;
}
.mainList1 table ,.Itemlist table
{
	width :100%;
}
.listCompany .CompanyName
{
	width:96%;
	word-wrap:break-work;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size : 30px;
	font-family:Times New Roman;	
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	padding:15px 2%;
	height:30px;
	background:#114C83;
	color:#fff;
}
.listCompany .delete
{
	font-size : 12px;
    font-family:Times New Roman;
    text-transform:none;
}

.Comp1
{
	background:#FFFFCC;
	margin-bottom:20px;
	
/*	height:200px; */
	border:solid 2px #d47a47;
}
.Comp2
{
	background:#FFFFCC;
	margin-bottom:20px;
/*	height:200px; */
	border:solid 2px #50d533;
}
.listCompany .detail
{
	width:200px;
}
.CompanyName .delete
{
	float:right;
}
.listCompany
{
	text-align:left;
}

.listCompany .ComDes
{
	width: 300px;
	height :70px;
	word-wrap:break-work;
	overflow:hidden;
	text-overflow:ellipsis;
	
}
.ComPic
{	
	width:150px;
	overflow:hidden;	
	padding-right:20px;
}
 .ComPic img
 {
 	height :145px;
	display:block;
 }
.MenuPic 
{	
	width  :300px;
	height :200px;
	padding:15px;
	margin-bottom : 10px;
	border:solid;
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-width: 1px 2px 2px 1px;
	background-color:white;
	margin-left:60px;			
}


.menuTable1
{
	margin: 5px 0px;
	width:650px;
	height :200px;
	overflow:hidden;
	border:2px solid  #50d533;
}
.menuTable2
{
	margin: 5px 0px;
	width:650px;
	height :200px;
	overflow:hidden;
	border:2px solid  #f1692a;
}
.MenuDiv
{
	width: 600px;
	overflow:hidden;
	
}

.MenuName
{
	padding-left: 20px;
	text-transform:capitalize;
	text-align:left;
	font-size:40px;
	color:#532e01;
	width:300px;
	height:130px;
	overflow:hidden;
	text-overflow:ellipsis;
	float:left;
	line-height:130px;
}


.tdmenu
{
	border:solid 2px #24cb00;
	background:#f2fdc7;
	width: 302px;
	overflow:hidden;
	height:240px;
}

.tdreport
{
	border:solid 2px #24cb00;
	background:#f2fdc7;
}

.listmenu
{
  width: 970px;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0;
}
.menuactions
{
	width:80px;
	padding-left:20px;
}

.listtable
{
  width: 900px;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0;
  text-shadow: 0 1px 0 #fff;
  color: #2a2a2a;   
}
.listtable td
{
  width :25%;
  word-wrap:break-word;
  text-overflow:ellipsis;
  max-width:200px;  
  max-height: 100px;
  overflow:hidden;
 
}
.pannelItem
{
	  background :#ffe7b5;
	  padding:10px;
	  margin:5px;
	  border :solid 1px #24cb00;
}
.ItemPic
{
	width  :200px;
	height :170px;
	margin:10px 0px;
	border:solid 1px #d47a47;
	overflow:hidden;
}
.ItemPic img
{
	width  :200px;
	max-width  :200px;
	min-height :170px;
	display:block;
}
.listtable .Name
{
	font-weight:bold;
	word-wrap:break-word;
	text-overflow:ellipsis;
	max-width:200px;  
	height:40px;
	overflow:hidden;
	text-transform: uppercase;
	
}
.listtable td table td
{
 border : none;
}

.Name
{
	color:#11840D;
    font-size:16px;
   

}

.listtable .Desc
{
	 max-width:200px;  
	 font-size:13px;
	 font-family:Times New Roman;
	 font-style:italic;
	 padding-top:10px;
	 padding-bottom:10px;
	 height: 50px;
	 overflow:hidden;
	 text-overflow:ellipsis ;
}

.PageIconLeft
{
	width:10px;
	margin-left:5px;
	text-align:left
}
.PageTitle
{
	width:40%;
	color:#11840D;
    font-size:16px;
    font-weight:bold;
    text-align:left;
}

.PageIconRight
{
	width:50%;
	margin-right:5px;
	text-align:right;
}
.hidden 
{
	display :none;
}

.underline
{
	text-decoration:underline;
}

.TableLogin
{
	background-color:#1F7DCE;
	width:40%;
	margin:auto;
	padding:40px 70px;
	text-align:left;
}
.TableLogin table td 
{
	min-width : 150px;
	height : 50px;
	vertical-align:top;
}


.TextLogin
{
	color:White;
	font-size:18px;
	display:inline;
}
.btnLogin
{
	 background: #666;	 
	 font-weight:bold;
	 color:White;
	 font-size:20px;	
	 padding:5px 20px;
}
.btnLogin.hover ,.btnLogin:HOVER
{
	 background: #FF8C00;	
}

.money
{
	color: #1F7DCE;
}


.Create .td3
{
	width:10px;
}
.fieldset
{
	background :#eee;
	padding: 20px 5px;
	margin-top : 50px;
}
.fieldset legend
{
	color:White;
	padding :10px;
	background : #0099FF;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #fff;
	-moz-box-shadow: 0 2px 2px #9c9c9c;
	-webkit-box-shadow: 0 2px 2px #9c9c9c;
}
.setting
{
	width :100%;
	text-align:left;
}
.setting table td
{
	min-width : 100px;
}

#panelLanguage,#hideLanguage
{
	display:none;
}

.alink
{
	color:Blue;
	text-decoration:underline;
}
textarea
{
	resize:none;
}
.languagepanel
{
	width:100%;
	text-align:left;
	height:30px;
}
#linkMoreLanguage,#hideLanguage
{
	float: left;	
	cursor: pointer;
	cursor: hand;
}

#panelLanguage
{
	float :right;
}
#panelLanguage td
{
	width:100px;
	text-align:right;
}
.fieldsetMenu
{
	width:900px;
	border: solid 1px #11840D;
	padding: 0 10px;
	margin:5px 0px 10px 0px;
	
}
.ImageUp
{
	width:400px;
}
.tdlabel
{
	width:150px;
}
/* Main Master pager*/
.Wrapper
{
    width:960px;
    margin:0 auto;
    overflow: hidden;
box-shadow: 1px 2px 3px 3px #aaa;
}
.Header
{
    background: url(../Images/bg_top.jpg);
    width:100%;
    float:left;
    margin-top: 0px;
    height: 35px;
}
.HeaderLeft 
{
    width: 300px;
    float: left;    
}
.HeaderLeft p {
    float: left;
    margin: 7px 10px;
    color: white;
    font-family: Tahoma;
    font-size:11pt;
}
.HeaderLeft a
{
    float: left;
}
.HeaderRight
{
    width: 400px;
    float: right;    
}
.HeaderRight p
{
    float: left;
    margin: 7px 10px;
    color: white;
    font-family: Tahoma;
    font-size:11pt;
}
.HeaderRight a
{
    float: left;
    margin: 7px 10px;
    color: red;
    font-family: Tahoma;
    font-size:11pt;
}
.HeaderRight span
{
    float: left;
    margin: 7px 10px;
    color: white;
    font-family: Tahoma;
    font-size:11pt;
}
.Body {
    float: left;
    width: 100%;
    margin-top: 0px;
}
.Language 
{    
    float: left;
    text-align: right;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-top: 5px;
}
.Language a {
    margin-right: 5px;
}
.MenuTop 
{
    background: url(../Images/bg_menu.jpg);
    width: 100%;
    height: 35px;
    float: left;    
    text-align: right;
    float: right;
    text-align: right;
    margin:61px -1px 0px 0;
    position: relative;
}
.MenuTop div {
    float: right;
}
.MenuTop div a 
{    
    display: block;
    height: 35px; 
    width: 97px;
    float: left;          
    text-align: center;
    line-height: 35px;
    color: white;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 97%;
    font-weight:bold;
}
.Logo {
    position: absolute;
    left: 25px;
    bottom: 0;
}
.MenuTop a:hover 
{
    color: #f79623;
    text-decoration: none;
}
.Search
{
    float:left;
    width  :100%;
}
.comboSearch
{
    border: 2px solid #2B90AA;
    float: right;
    font-size: 13pt;
    height: 34px;
    margin-right: 5px;
    width: 126px;
}
.DivSearch {
    width: 100%;
    float: right;
    margin-top: 10px;
}
.TextSearch {   
    height: 36px;
    float: right;
    margin-right: 5px;
    margin-top: -1px;
     background: url('../Images/textbox_search.png') no-repeat;
}
.TextSearch input {
    background: transparent;
    border: none;
    display: block;
    font-size: 11pt;
    color: #aaa;
    height: 30px;
    margin: 1px;
    padding-bottom: 1px;
    width: 285px;
}
.ButtonSearch 
{
    background: url("../Images/btn_search.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: white;
    display: block;
    float: right;
    font-size: 13pt;
    font-weight: bold;
    height: 35px;  
    padding-bottom: 6px;
    text-decoration: none;
    width: 35px;
}
.ButtonSearch:hover {
    text-decoration: none;
}

/*End css Main Masterpage*/

/* css Publisher Masterpage*/
.MenuLeft 
{
    float: left;
    width: 200px;
    position: relative;   
}
.Nav {
    width: 100%;
    padding: 0;
    margin:0;
    
}
.Nav li.NavItem
{
    list-style-type: none;
    width: 100%;
    margin-bottom: -4px;
    float: left;
}
.Nav li.NavItem a {
    background: url('../Images/bg_menu1.png') no-repeat;
    height: 35px;    
    display: block;
    text-decoration: none;
    color: white;
    line-height: 29px;
    font-weight:bold;
    text-align:left;
    padding-left:35px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size:80%;
}
.Nav li.NavItem a:hover 
{
    background: url('../Images/bg_menu1_hover.png') no-repeat;
}
.SubNav {    
     float: left;
    margin-bottom: 2px;
    margin-top: -1px;
    padding: 0;
    width: 100%;
}
.SubNav li
{
    list-style-type: none;
    width: 100%;
    margin-bottom: -12px;
    float: left;
}
.SubNav li a {
    background: url('../Images/bg_menu2.png') no-repeat;
    height: 39px;
    width: 176px;
    display: block;
    text-decoration: none;
    color: #889944;
    line-height: 31px;
    float: left;
    text-align:left;
    font-weight:bold;
    padding-left:24px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size:80%;
    font-weight:bold;
}
.SubNav li a:hover 
{
    background: url('../Images/bg_menu2_hover.png') no-repeat;
}
.Content {   
    width: 739px;    
    float: right;
    padding:0px 10px 6px;    
}
/* css Categories page*/
.First {
    width: 100%;
    float: left;
    border-bottom: 1px solid #789fcc;
    padding: 5px 0;
}
.Title {
    float: left;
    margin-top: 10px;
    color: #2b90aa;
    font-family: Tahoma;
}
.IconTitle {
    float: left;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    margin-top: 4px;
}
.IconTitle img {
    width: 25px;
    height: 25px;
}
.Second {
    width: 100%;
}
.TableCategories {
    float: left;
    border: 1px solid white;
    border-spacing: 1px;
    margin-top: 20px;
    
}
.TableCategories thead th {
    background-color: #4f81bd;
    width: 150px;
    color: white;
}
.TableCategories th,.TableCategories tr {
    height: 25px;
}
.Even {
    background-color: #d0d8e8;
}
.Odd {
    background-color: #e9edf4;
}
.BoxAddCategories {
    border: 2px solid #F79646;
    width: 455px;
    border-radius: 20px;    
    float: left;
    margin-top: 30px;
    padding: 20px;
}
.CategoriesItem1, .CategoriesItem2 {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.ClassLabel {
    float: left;
    margin-right: 10px;
    width: 125px;
    text-align: left;
}
.CategoriesItem1 input {
    border: 2px solid #4f81bd;
    float: left;
    width: 275px;
    height: 24px;
    margin-top: -5px;
}
.CategoriesItem2 .CheckBox {
    float: left;
    width: 279px;
    margin-left: -3px;
}
.ItemCheckbox {
    float: left;
    width: 100%;
    text-align: left;
}
.CategoriesItem3 {
    width: 100%;
    float: left;
    margin-top: 20px;
}
.BtnAddNewCategory {
    background: url('../Images/btn_addnew.png') no-repeat;
    display: block;
    width: 346px;
    height: 36px;
    line-height: 30px;
    color: black;
    text-decoration: none;    
    cursor:pointer;
}
.BtnAddNewCategory:hover {
    text-decoration: none;
}
.NoResult {
    float: left;
    margin-top: 20px;
    text-align: left;
}
/*css List Books*/
.TableBooks {
    
}
.TableBooks {
    float: left;
    border: 1px solid white;
    border-spacing: 1px;
    margin-top: 20px;
    
}
.TableBooks thead th {
    background-color: #4f81bd;
    width: 150px;
    height: 25px;
    text-align: center;
}

.TableBooks tbody tr {
    height: 160px;
    text-align: center;
}
.Width80 {
    width: 80px;
}
.Width100 {
    width: 100px;
}
.Width150 {
    width: 150px;
}
/* css Add new book*/
.ButtonAdd {
    float: right;
}
.ButtonAdd a img
{
    width:36px;
    height:36px;
}
.BookItem1,.BookItem2,.BookItem3,.BookItem4 {
    width: 100%;
    float: left;
    margin-top:20px;
}
.BookItem1 input {
    border: 2px solid #4f81bd;    
    width: 275px !important;
    height: 24px !important;
    margin-top: -5px;
    float: left;
    
}
.Upload input
{
    background: url('../Images/bg_browse.png') no-repeat;
    border: none;    
    width: 366px !important;
    height: 28px !important;
    float: inherit;
}
.Upload input[name='file'] {
    z-index: 999;
}
.Upload div {
    margin: 0;
}
#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_upData_ctl04
{   
    border: medium none;
    font-family: Tahoma;
    font-size: 12px;
    height: 24px !important;
    margin: 1px 0 0 2px !important;
    width: 276px !important;
    float:left;
}
#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_upData_ctl01
{
    background: url("../Images/bg_browse.png") no-repeat scroll 100% 1px transparent !important;
    height: 31px !important;  
    text-align: right;
    width: 366px !important;
}
#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_upImage_ctl04
{    
    border: medium none;
    font-family: Tahoma;
    font-size: 12px;
    height: 24px !important;
    margin: 1px 0 0 2px !important;
    width: 276px !important;
    float:left;
}
#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_upImage_ctl01
{
    background: url("../Images/bg_browse.png") no-repeat scroll 100% 1px transparent !important;
    height: 31px !important;  
    text-align: right;
    width: 366px !important;
}
.BookItem2 .CheckBox {
    float: left;
}
.BookItem1 textarea {
    border: 2px solid #4f81bd;
    float: left;
    width: 271px;
    height: 60px;
    margin-top: -5px;
}
.Browse {
    border: 2px solid #385D8A;
    float: left;
    width: 84px;
    height: 26px;
    margin-top: -5px;
    margin-left: -2px;
    background-color: #4F81BD;
    color: white;
    text-decoration: none;
    line-height: 24px;
    position: absolute;
    left: 330px;
    top: 0;
}
.Browse:hover {
    text-decoration: none;
}
.BtnCreate {
    background: url('../Images/btn_create.png') no-repeat;
    display: block;
    width: 97px !important;
    height: 43px !important;
    line-height: 38px;
    color: white;
    text-decoration: none;
    float: left;
    border: none !important;
    margin-top: 50px;
    font-size: 12pt;
}
.BtnCreate:hover {
    text-decoration: none;
}
/*css book detail*/
.ImageBookDetail {    
    margin-top: 5px;
    text-align: left;
    display: inline-block;
}
.ImageBookDetail img {
    height: 300px;
    width: 245px;
}
.NameAndDescription {
    float: left;
    width: 730px;
    margin-top: 5px;
}
.NameBook {
    float: left;
    width: 100%;
    margin-top: 10px !important;
    font-weight: bold;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 18pt;
}
.Description {
    float: left;
    width: 100%;  
    font: normal 12px/18px Arial, Helvetica, sans-serif;
    color: #333;
}
.NameAndDescription p {
    float: left;
    text-align: justify;
    margin: 5px;
}
.DateCreate {
    width: 100%;
    float: left;
    text-align: left;
    margin-top: 30px;
    font-size: 11pt; 
}
.NumberDownload {
    width: 100%;
    float: left;
    text-align: left;
    margin-top: 20px;
     font-size: 11pt; 
}
.ActiveBook {
    width: 100%;
    float: left;
    text-align: left;
    margin-top: 20px;
    font-size: 11pt; 
}
.ActionBook {
    width: 100%;
    float: left;
    text-align: left;
    margin-top: 20px;
}
.ActionBook a {
    margin-right: 20px;    
    color: blue;
}
.ActionBook a:hover {
    text-decoration: none;
}
.PlatformItem1{
    width: 100%;
    float: left;
    margin-bottom: 30px;
    margin-left: 33px;
}
.PlatformItem2{
    width: 100%;
    float: left;   
    margin-left: 33px;
    text-align: center;
}
.BoxAddPlatforms {
    border: 2px solid #F79646;
    width: 414px;
    border-radius: 20px;    
    float: left;
    margin-top: 30px;
    padding: 20px;
}
.PlatformItem1 input {
    border: 2px solid #4f81bd;
    float: left;
    width: 206px;
    height: 24px;
    margin-top: -5px;
}
.fieldBook {
    color: #4f81bd;
    font-size: 11pt;     
}
/*css reports*/
.ComboboxCategories {
    float:right;
}
.ComboboxCategories p
{
    float:left;
    margin: 9px 10px 0 0;
    padding:0;
}
.ComboboxCategories select
{
    float:left;
    border: 2px solid #F79646;
    float: left;
    font-size: 13pt;
    height: 30px;  
    width: 200px;   
    margin-top:5px;
}

.ComboboxCategories2 {
    float:left;
}
.ComboboxCategories2 p
{
    float:left;
    margin: 9px 10px 0 0;
    padding:0;
}
.ComboboxCategories2 select
{
    float:left;
    border: 2px solid #F79646;
    float: left;
    font-size: 13pt;
    height: 30px;  
    width: 159px;   
    margin-top:5px;
}
.CheckBoxPlatform
{
    float:left;
    width:100%;
    text-align:left;
    margin-top:20px;
}
.CheckBoxPlatform .ClassLabel
{
    width:75px;
}
.BtnFilter
{
    background: url("../Images/bg_itemmenu.png") no-repeat;
    border:none;
    width:90px;
    height:35px;
    color:White;
    font-size:13pt;
    font-weight:bold;
    float:right;
    margin-top: -20px;
    padding: 0;
}
/*css my account*/
.InfoAccount {
    float: left;
    width: 100%;
    margin-top: 15px;
    text-align: left;
}

.BoxChangePass {
    border: 2px solid #F79646;
    width: 430px;
    border-radius: 20px;
    height: 204px;
    float: left;
    margin-top: 30px;
    padding: 32px;
}
.Item1{
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.ItemRole{
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.Item2 {
    width: 100%;
    float: left;
    margin-top: 0px;
}
.ItemRole select
{    
    float:left;
    border: 2px solid #4F81BD;
    float: left;
    font-size: 13pt;
    height: 30px;  
    width: 159px;   
    margin-top:5px;
    margin-left: 16px;
}
.ClassLabel {
    float: left;
    margin-right: 10px;
    width: 125px;
    text-align: left;
}
.Item1 input {
    border: 2px solid #4f81bd;
    float: right;
    width: 275px;
    height: 24px;
    margin-top: -5px;
}
.DivError
{
    width: 100%;
    float: left;
    margin: 4px 0 0 135px;
    text-align: left;
}
/*css User managed*/
.BoxUser {
    border: 2px solid #F79646;
    width: 430px;
    border-radius: 20px;
    height: 190px;
    float: left;
    margin-top: 30px;
    padding: 20px;
}
.ClassError {
    font-size: 11pt;
    font-style: italic;
    color:#FF0000;
    text-align:left;
}
.Center {
    text-align: center;
}
/*css message*/
.BoxMessage {
    border: 2px solid #F79646;
    width: 400px;
    border-radius: 20px;
    height: 250px;
    display:inline-block;
    margin-top: 30px;
    padding: 20px;
}
.ItemMessage { 
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.ItemMessage .ClassLabel {
    float: left;
    margin-right: 0;
    width: 110px;
    text-align: left;
}
.ItemMessage select {
    float:left;
    border: 2px solid #F79646;
    float: left;
    font-size: 13pt;
    height: 30px;  
    width: 159px;       
}
.ItemMessage textarea {
    float:left;
    border: 2px solid #4F81BD;
    float: left;
    font-size: 13pt;
    height: 100px;  
    width: 265px;       
}
.Message
{
    width:100%;
    text-align:center;
}
.ClassError1 {
    font-size: 11pt;
    font-style: italic;
    color: #FF0000;
    width: 100%;
    text-align: left;
    float: left;
    padding: 5px 0 0 133px;
}        